<!--
 * @Author Malred
 * @Date 2025-06-02 06:18:42
 * @Description 
 -->
<!-- BaseSearchSelect.vue -->
<template>
  <div class="search-item">
    <label v-if="label">{{ label }}</label>
    <el-select v-model="value" placeholder="请选择">
      <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
      />
    </el-select>
  </div>
</template>

<script setup>
import { defineProps, defineModel } from 'vue';

defineProps({
  label: String,
  options: {
    type: Array,
    required: true,
    default: () => []
  }
});

const value = defineModel();
</script>
<style scoped>
.search-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  /*flex-wrap: wrap;*/

  width: 120px;
  label{
    width: 56px;
  }
}
</style>